import React from 'react';

import Child1 from './Child1';
import Child2 from './Child2';

export class Parent extends React.Component {
  state = {
    // 兄弟组件之间传递数据的中介共享数据的定义
    msg: '',
  };

  // 定义一函数接收 child1 消息
  sendMsg = (msg) => {
    console.log('child1', msg);
    // 传之前对这个数据做处理，
    this.setState({
      msg: msg,
    });
  };

  render() {
    return (
      <div>
        <h3>父组件</h3>
        <hr />
        <Child1 msg={this.state.msg} />
        <hr />
        <Child2 sendMsg={this.sendMsg} />
      </div>
    );
  }
}
